<!--
	作者：Walty（494688825@qq.com）
	时间：2017-01-28
	高德地图API ：http://lbs.amap.com/api/javascript-api/summary/
	描述：用于陶世界LBS系统建立
	准备建立PHP通道
-->
<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>陶世界LBS系统</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/>
		<style>
			html,body{width:100%;height:100%;}
			.pstRltv {position:relative;}
			.pstAbslt {position:absolute;}
			.pstFix {position:fixed;}
			.dsplBlk {display: block;}
			.htInhrt {height:inherit;}
			.bgcInrt {background-color: inherit;}
			.dsplN {display: none;}
			.pding0px {padding:0px;}
			.fltR {float:right;}
			header {background-color: rgb(28,31,32);left:0;right:0;top:0;height:35px;z-index: 10;box-shadow:0px 4px 4px rgb(28,31,32);}
				.logo {border-radius: 50%;margin-left:10px}
				.title {color:rgb(153,153,153);top:0px;}
		</style>
		<script src="js/jquery-3.1.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript" src="js/bootstrap.min.js" ></script>
	</head>
	<body>
		<!--S Header-->
		<header class="pstFix">
			<img class="logo" src="http://www.taoworld.xin/wap/images/logo_1.jpg" width="35" height="35">
			<span class="pstRltv title">陶世界</span>
		</header>
		<!--E Header-->
		<style>
			#map_con {position:absolute;top:35px;left:0;width:100%;height:100%;}
		</style>
		<!--S Map-->
		<article id="map_con">
			
		</article>
		<!--E Map-->
		<script src="http://webapi.amap.com/maps?v=1.3&key=c41d52a0406c466d248fa6aee3fbe4de"></script>
		<script type="text/javascript">
			var store_title = '天天渔港';
			var store_img = 'http://www.yingkounews.com/shenghuo/meishi/chtd/201112/W020111218678743303776.jpg';
			
		    var map = new AMap.Map('map_con', {
		       center:[117.18708,29.305855],
		       mapStyle:'fresh',
		       zoom:15
		    });
		 
		    AMap.plugin(['AMap.ToolBar','AMap.InfoWindow','AMap.Scale','AMap.Geolocation'],function(){
		       	var toolbar = new AMap.ToolBar();
		       	map.addControl(toolbar)
		        var infowindow = new AMap.InfoWindow({
			      	content: '<div class="info-title">'+store_title+'</div><div class="info-content">'+
			           	 '<img src="'+store_img+'" width="200" height="auto">',
			      	offset: new AMap.Pixel(0, -30),
			      	autoMove:true,
			    });
			    infowindow.open(map,[117.18708,29.305855]);
			    var scale = new AMap.Scale();
			    map.addControl(scale);
			});

		</script>
	</body>
</html>
